<#include "/tmpl/base/head.ftl">

<!DOCTYPE html>
<html>
<@Head titleSuffix="账务">
<link rel="stylesheet" type="text/css" href="/style/style.css"/>
</@Head>
<body>
<div class="n-support">请使用Chrome、Safari等webkit内核的浏览器！</div>
<div class="n-head">
    <div class="g-doc f-cb" id="head_nav">

    </div>
</div>
<div class="g-doc">
    <div class="m-tab m-tab-fw m-tab-simple f-cb">
        <h2>已购买的内容</h2>
    </div>
    <table class="m-table m-table-row n-table g-b3">
        <colgroup>
            <col class="img">
            <col>
            <col class="time">
            <col>
            <col class="num">
            <col>
            <col class="price">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>内容图片</th>
            <th>内容名称</th>
            <th>购买时间</th>
            <th>购买数量</th>
            <th>购买价格</th>
        </tr>
        </thead>
        <tbody>
        <#list data as item>
        <tr>
            <td><a href="/show?id=${item.id}"><img src="${item.picAddr}" alt=""></a></td>
            <td>
                <h4><a href="/show?id=${item.id}">${item.name}</a></h4></td>
            <td><span class="v-time">${item.time?number_to_datetime}</span></td>
            <td><span class="v-num">${item.count}</span></td>
            <td><span class="v-unit">¥</span><span class="value">${item.price}</span></td>
        </tr>
        </#list>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="4">
                <div class="total">总计：</div>
            </td>
            <td><span class="v-unit">¥</span><span class="value" id="account-value"></span></td>
        </tr>
        </tfoot>
    </table>
</div>
<div class="n-foot">
    <p>版权所有：网易大作业<a href="http://you.163.com/">邮件事业部</a>Kerr Wang
    </p>
</div>
<div style="display: none;"></div>
<div style="display: none;"></div>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script>
    var user_Data = ${JSONObject.toJSON(user)}
    var json_Data = ${JSONObject.toJSON(data)};
</script>
<script type="text/javascript" src="/js/global.js"></script>
<script type="text/javascript" src="/js/account.js"></script>
</body>
</html>